.modal-backdrop {
	background: @dark-color !important;
}

.hasScrollTouch {
	.modal-scrollable {
		.modal {
			z-index: 1 !important;
			overflow: hidden;
			.transform(translateZ(0));
			.user-select(none);
			.text-adjust(none);
		}
	}
}

&.modal-open {
	position: fixed;
	width: 100%;
	overflow: hidden;
}

.modal-scrollable {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	bottom: auto;
	right: auto;
	overflow: auto;

	.iScrollIndicator {
		background: @main-iScroll-color !important;
		border: 0 none !important;
	}

	.modal {
		position: absolute;
		.border-radius(0);
		-webkit-overflow-scrolling: auto;

		-webkit-transition: opacity 0.3s linear, top 0.3s ease-out, left 0.3s ease-out, margin-top 0.3s ease-out !important;
		-moz-transition: opacity 0.3s linear, top 0.3s ease-out, left 0.3s ease-out, margin-top 0.3s ease-out !important;
		-o-transition: opacity 0.3s linear, top 0.3s ease-out, left 0.3s ease-out, margin-top 0.3s ease-out !important;
		transition: opacity 0.3s linear, top 0.3s ease-out, left 0.3s ease-out, margin-top 0.3s ease-out !important;

		/* Make modal appear from left */
		top: 0 !important;
		bottom: auto !important;
		height: auto !important;
		left: -100% !important;
		width: 95% !important;
		margin: 0 !important;
		min-height: 100%;
		.box-sizing(border-box);

		/*Disable some other scroll libary*/
		.slimScrollDiv, #settings_plugin_pluginmanager_repositorydialog_list {
			height: auto !important;
		}

		.accordion-group {
			border: 0 none !important;

			.accordion-heading {
				display: none;
			}

			.accordion-body {
				border: 0 none;

				.accordion-inner {
					padding: 0;
					border: 0 none;
				}
			}
		}

		&#connection_dialog {
			.btn-primary {
				display: none !important;
			}
		}

		&.in {
			top: 0 !important;
			left: 0% !important;
		}

		&.show-dropdown {
			.modal-header {
				.span3 {
					height: auto;
				}
			}
		}

		.modal {
			&-body {
				padding: 20px 25px;
				margin-bottom: 60px;
				min-height: auto !important;
				max-height: none !important;

				.span3.scrollable,
				.nav.nav-pills {
					display: none;
				}
				.span9.scrollable {
					width: 100% !important;
					margin: 0;
					padding: 0;
				}
			}
			&-footer {
				.border-radius(0);
				.box-sizing(border-box);
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				padding-right: 30px;
				z-index: 2;
			}
			&-header {
				padding: 20px 25px;

				#settings_dialog_label {
					font-size: 1.4rem;
					padding: 0 50px 0 0;
				}

				.close {
					font-size: 42px;
					padding: 13px;
					margin-top: -10px;
					background: transparent;
				}

				span.hidden {
					display: inline-block !important;
					position: relative;
					padding-left: 10px;

					&:before {
						content: "/";
						color: @light-darker-darker-color;
						margin-right: 10px;
					}
					&:after {
						content: "\f078";
						.font-icon-reset(FontAwesome);

						font-size: 0.8rem;
						text-rendering: auto;
						position: relative;
						top: -4px;
						margin-left: 10px;
					}

					.show-dropdown {
						position: absolute;
						top: 40px;
						left: 0;
						overflow: hidden;
						max-height: 68vh;
						height: auto;
						z-index: 29;
						min-height: 0 !important;
						margin-bottom: 100px;
						min-width: 170px;
						overflow-scrolling: touch;
						-webkit-overflow-scrolling: touch;

						background-color: @light-color;
						border: 1px solid @light-darker-darker-color;

						ul {
							margin: 0;
							padding: 0;

							.nav-header {
								margin: 0;
								.box-sizing(border-box);
							}
						}

						li {
							display: block;
							width: 100%;

							a {
								font-size: 15px;
								padding: 10px 15px;
								line-height: 24px;
								margin: 0;
								.border-radius(0);
							}
						}

						.iScrollIndicator {
							background: @dropdown-iScroll-color !important;
							border: 0 none !important;
						}

					}
				}
			}
		}

		.full-sized-box {
			padding: 0 !important;
			position: relative;
		}
	}
}
